@use 'utils/variables';

.WorkspaceLimitLine {
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    font-weight: variables.$font-weight--semibold;

    &:last-child {
        padding-bottom: 0;
    }

    &__icon {
        color: rgba(var(--center-channel-color-rgb), 0.64);
        font-size: 24px;
    }

    &__bar {
        flex-grow: 1;
        padding-right: 24px;
        padding-left: 12px;
        color: rgba(var(--center-channel-color-rgb), 0.75);

        &:first-child {
            padding-left: 0;
        }
    }

    &__bar-label {
        padding-bottom: 4px;
    }

    &__text-status {
        flex-basis: 121px;
        align-self: end;
        color: var(--center-channel-color);
        font-size: 11px;
        line-height: 11px;
    }
}
